<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>保险人员管理</title>
    <link rel="stylesheet" href="/adminthemes/layui/css/layui.css" media="all">
    <!-- jQuery -->
    <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<br>
<br>
<div class="demoTable" style="margin-left: 5%">
    保险人员名称：
    <div class="layui-inline">
        <input class="layui-input" name="id" id="demoReload" autocomplete="off">
    </div>
    <button class="layui-btn" data-type="reload">搜索</button>
</div>
<table id="demo"  lay-data="{id:'demo'}" lay-filter="demo" style="margin-left: 20%;margin-right: 20%"></table>

</body>
<script src="/adminthemes/layui/layui.js"></script>
<script>
    layui.use('table', function() {
        var table = layui.table;
        //第一个实例
        table.render({
            elem: '#demo'
            , height: 315
            , limit: 10
            , url: '/web/InPolicyOrd/getAllIProtOrd1.do' //数据接口
            // ,cellMinWidth:100
            , cols: [[
                {field: 'member_id', width: 100, title: '保险人员id', sort: true}
                , {field: 'name', width: 100, title: '保险人员名字'}
                , {field: 'sex', width: 100, title: '性别', sort: true}
                , {field: 'province', width: 100, title: '被投保人'}
                , {field: 'city', width: 150, title: '投保人联系电话'}
                , {field: 'region', width: 100, title: '投保数量', sort: true}
                , {field: 'town', width: 100, title: '实付款', sort: true}
            ]]
        });
    })
</script>
</body>
</html>